<!DOCTYPE html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<title>会议室预约</title>
	<meta name="description" content="">
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
	<meta http-equiv="cleartype" content="on">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/assets/meeting/css/style.css">
	<link rel="stylesheet" href="/assets/public/layermobile/css/layer.css">
</head>
<body>
<div class="wraper normal" js="wapjs/meeting/js/index">
	<div class="head clearfix">
		<a href="{BEESCRM::U('/meeting/meetingRoom/meetingPanel',array('account_id' => $accountId))}" class="iconfont icon-zuo"></a>
		<span class="head-name">预约会议室</span>
	</div>
	<div class="lists notopblock">
		<p class="title">会议室情况简介</p>
		<p class="text-gray">最多容纳人数：{BEESCRM:$roomInfo['0']['capacity']}人</p>
		<p class="text-gray"><span class="iconfont icon-ditu"></span>西湖区塘苗路东风学术报告厅</p>
	</div>
	<div class="tab tab-three topblock text-12 clearfix">
		<foreach name="showDate" item="vo">
			<a href="{BEESCRM::U('/meeting/meetingRoom/roomDetails',array('account_id' => $accountId,'meeting_room_id' => $meetingRoomId,'select_time' => $vo))}" class="tab-list <if condition='$selectTime eq $vo'>visited</if> ">{BEESCRM:$vo|date="Y年m月d日",###}</a>
		</foreach>
	</div>
	<div class="color-box bordertopnone text-12">
		<div class="color-list"><span class="color-block bg-white"></span>可预约</div>
		<div class="color-list"><span class="color-block bg-grey"></span>不可预约</div>
	</div>
	<div class="time-box clearfix">
		<div class="part-hide control">
			<foreach name="roomServiceCondition" item="vo" key="key">
				<div class="time-block {BEESCRM:$vo.class}" data-start_time="{BEESCRM:$vo.start_time}" data-end_time="{BEESCRM:$vo.end_time}">
					<p>{BEESCRM:$vo.start_time|date="H:i",###}</p>
					<p>{BEESCRM:$vo.end_time|date="H:i",###}</p>
				</div>
			</foreach>
		</div>
		<a href="#" class="moreorless iconfont icon-zhankai text-center"></a>
	</div>

	<p class="blobk-title text-12">已报名人员</p>

	<div class="lists">
		<foreach name="deviceData" item="vo" key="key">
			<div class="list-line">
				<p class="title"><if condition="$key eq 1">设施设备</if><if condition="$key eq 2">物业服务</if><if condition="$key eq 3">其他</if></p>
				<div class="clearfix text-12">
					<foreach name="vo" item="v">
						<div class="option-list">{BEESCRM:$v.device_name}:<input class="device" name="device{BEESCRM:$v.device_id}"value="0"/></div>
					</foreach>
				</div>
			</div>
		</foreach>
	</div>

	<div class="btn-box clearfix">
		<a href="#" class="btn half-btn bg-white">保存草稿</a>
		<a href="#" class="btn half-btn bg-green">提交并发布</a>
	</div>
</div>
<!--<script type="text/javascript" src="/meeting/assets/public/seajs/sea.js"></script>-->
<!--<script enter="publicjs/public" id="confnode" async="async" src="/meeting/assets/public/config.js"></script>-->
<script type="text/javascript" src="/assets/public/jquery-2.1.0.min.js"></script>
<script>

	$(document).on('click','.time-block',function() { //选择预约时间
		if($(this).hasClass('bg-grey')) {
			alert('该时间段不可预约~');
		} else if($(this).hasClass('bg-white')) {
			$(this).removeClass('bg-white');
			$(this).addClass('bg-green');
		} else if($(this).hasClass('bg-green')) {
			$(this).removeClass('bg-green');
			$(this).addClass('bg-white');
		}
	})

	$(document).on('click','.moreorless',function() {
		if($(".control").hasClass('part-hide')) {
			$(".control").removeClass('part-hide');
			$(this).removeClass('icon-zhankai');
			$(this).addClass('icon-shouqi');
		} else{
			$(".control").addClass('part-hide');
			$(this).removeClass('icon-shouqi');
			$(this).addClass('icon-zhankai');
		}
	})

</script>
</body>
</html>